<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<f:view>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>.:: Realizar Pedido ::.</title>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/Content/Css/Toher.css"></link>
</head>
<body>
	<h:form>
	<table class="Contenedor">
		<tr>
			<td><h2>Seleccione del siguiente menu y realice su pedido</h2></td>
		</tr>
	</table>
	<table class="Contenedor">
		<tr>
			<td class="GlosaCampo">Id Cliente:</td>
			<td class="DatoCampo"><input type="text" id="IdCliente" name="IdCliente" /></td>
		</tr>
	</table>
	<table class="Contenedor">
		<tr>
			<td class="GlosaCampo">Seleccione Productos</td>
			<td class="DatoCampo"><h:selectOneMenu id="IdProducto" value="#{realizarPedidoController.idProducto}">
				<f:selectItems value="#{realizarPedidoController.productos}" 
					var="producto" 
					itemValue="#{producto.idProducto}" 
					itemLabel="#{producto.glosaProducto}" />
			</h:selectOneMenu></td>
			<td><h:commandButton value="Agregar" action="#{realizarPedidoController.agregarProductoToPedido}"></h:commandButton></td>
			<td><h:commandButton value="Confirmar Pedido" action="#{realizarPedidoController.confirmarPedido}"></h:commandButton></td>
		</tr>
	</table>
	<h:dataTable
			value="#{realizarPedidoController.detallePedidoSesion}"
			var="detallePedido"
			styleClass="Contenedor"
			headerClass="ColumnaDato"
			rowClasses="FilaImpar, FilaPar"
			id="DetallePedido">
			<h:column>
				<f:facet name="header">
					<h:outputText value="Plato"></h:outputText>
				</f:facet>
				<h:outputText value="#{detallePedido.glosaPlato}"></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Estado"></h:outputText>
				</f:facet>
				<h:outputText value="#{detallePedido.estadoPlato}"></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Cantidad"></h:outputText>
				</f:facet>
				<h:outputText value="#{detallePedido.cantidadPlato}"></h:outputText>
			</h:column>
		</h:dataTable>
	</h:form>
</body>
</html>
</f:view>